body{
	background-color: #0A0A0A;
	font-family: "Lucida Console", "Courier New", monospace;
	color:greenyellow;
}
@media (min-width: 767px) {
	body {
		padding-right: 10%;
		padding-left: 10%;
	}
	.show-mobile {
	  display: none;
	}
}
@media (max-width: 767px) {
	.hidden-mobile {
	  display: none;
	}
}
.menu a { 
	text-decoration: none;
	color: white;
}

/* unvisited link */
.content a:link {
	color: gold;
}
/* visited link */
.content a:visited {
	color: darkgoldenrod;
}
/* mouse over link */
.content a:hover {
	opacity: 0.5;
	color: darkorange;
}

.content img{
	max-width:100%;
}


.logo a {
	background-color: white;
}

footer img{
	max-width:64px;
}

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	padding: 10px;
}

.item{
	border-style: outset;
	border-color: #004200;
	background-color: #008000;
	padding: 0px;
}

.item img{
	margin: 8px;
	border: 1px solid gold;
}

.item a { 
	text-decoration: none;
	text-shadow: 8px;
}

/* unvisited link */
.item a:link {
	color: gold;
}
/* visited link */
.item a:visited {
	color: darkgoldenrod;
}
/* mouse over link */
.item a:hover {
	opacity: 0.5;
	color: darkorange;
}

.item p{
	margin: 4px;
	background-color: #004200;
}